<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="css/header.css">
<link rel="stylesheet" type="text/css" href="./css/topsearch.css">
<link rel="stylesheet" type="text/css" href="css/footer.css">
<link rel="stylesheet" type="text/css" href="css/sell.css">

<script src="./jquery/jquery-1.11.2.min.js"></script>
<script src="./bootstrap/js/bootstrap.js"></script>
<script src="./ueditor/ueditor.config.js"></script>
<script src="./ueditor/ueditor.all.js"></script>
<script src="./ueditor/lang/en/en.js"></script>
<script src="./js/head.js"></script>
<script src="./js/sell.js"></script>

<body style="background: #F8F8F8">
	<!-- search start -->
    <div class="top">  
        <header class="container head">
            <div class="row">
                <div class="col-sm-10">
                    <ul class="nav nav-pills">
                        <li role="presentation"><a href="#">aDaily Deals</a></li>
                        <li role="presentation"><a href="./sell.html">Sell</a></li>
                        <li role="presentation"><a href="#">Help & Contact</a></li>
                    </ul>
                </div>
                <div class="col-sm-2 topright">
                    <ul class="nav nav-pills"  style="width: 188px">
                        <li role="presentation" class="dropdown init" >
                            <a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
                              My eBay<span class="caret"></span>
                            </a>
                            <ul class="dropdown-menu">
                              <li><span class="glyphicon glyphicon-user"></span> <a href="./login_regist.html" style="display: inline-block">login</a></li>
                               <li><span class="glyphicon glyphicon-user"></span> <a href="./watchlist.html" style="display: inline-block">watchlist</a></li>
                            </ul>
                        </li>
                        <li role="presentation" class="dropdown logined" style="display: none">
                            <a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
                              Hi <i class="username"></i><span class="caret"></span>
                            </a>
                            <ul class="dropdown-menu">
                              <li><span class="glyphicon glyphicon-user"></span> <a href="./watchlist.html" style="display: inline-block">Settings</a></li>
                              <li> <span class="glyphicon glyphicon-log-out"></span><a href="javascript:void(0)" style="display: inline-block" onclick="logout()">Logout</a></li>
                            </ul>
                        </li>
                        <li role="presentation"><a href="#"><span class="glyphicon glyphicon-bell"></span></a></li>
                        <li role="presentation"><a href="#"> <span class="glyphicon glyphicon-shopping-cart"></span></a></li>
                    </ul>
                </div>
            </div>
        </header>
    </div>
    <div class="row search">
        <div class="col-sm-1 col-sm-offset-1">
            <img src="image/logo.png">
        </div>
        <div class="col-sm-1" style="width:120px">
            <ul class="nav navbar-nav"  style="margin-top:-5px">
                <li class="dropdown">
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Categary <span class="caret"></span></a>
                  <ul class="dropdown-menu">
                    <li><a href="#">Action</a></li>
                    <li><a href="#">Another action</a></li>
                    <li><a href="#">Something else here</a></li>
                    <li role="separator" class="divider"></li>
                    <li><a href="#">Separated link</a></li>
                  </ul>
                </li>
            </ul>
        </div>
        <div class="col-sm-5">
            <form class="form-inline">
                <div class="form-group">
                    <div class="input-group" style="display: flex;">
                        <input type="text" class="form-control" id="exampleInputAmount" style="width:420px">
                        <div class="input-group-btn">
                            <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="width:100px">Global <span class="caret"></span></button>
                            <ul class="dropdown-menu dropdown-menu-right">
                              <li><a href="#">America</a></li>
                              <li><a href="#">Great Britain</a></li>
                              <li><a href="#">Deutschland</a></li>
                              <li role="separator" class="divider"></li>
                              <li><a href="#">Global</a></li>
                              <li><a href="#">Europe</a></li>
                            </ul>
                        </div><!-- /btn-group -->
                    </div>  
                </div>
            </form>
        </div>
        <div class="col-sm-2">
            <button type="button" class="btn btn-primary sub" style="width:150px;margin-left: 45px">Search</button>
        </div>
        <div class="col-sm-1" style="margin-top: 5px;margin-left: 20px">Advanced</div>
    </div>
    <!-- search end -->
	<div class="container" style="background: white;margin-top: 20px">
		<div class="row">
			<p>Product details</p>
		</div>
	  <form class="form-horizontal" action="php/sell.php" method="post" enctype="multipart/form-data">
		  <div class="form-group">
		   		<label  class="col-md-2 control-label text-left">
                <span class="text-danger">*</span>Titile</label>
                <div class="col-md-6">
                    <input type="text" class="form-control" name="title">
                    <span class="text-danger danger">Required!</span>
                </div>
		  </div>
		  <div class="form-group">
		     <label for="inputPassword3" class="col-md-2 control-label text-left">Subtitle
                        <i class="text-muted">($0.19)</i>
                        <span class="glyphicon glyphicon-info-sign text-muted" data-toggle="tooltip" data-placement="right" title="Pay after a deal done!"></span>
                    </label>
                    <div class="col-md-6">
                        <input type="text" class="form-control" name="subtitle">
                        <span class="text-danger danger">Required!</span>
                    </div>
		  </div>
		   <div class="form-group">
                    <label for="inputEmail3" class="col-md-2 control-label text-left">
                        <span class="text-danger">*</span>Categary</label>
                    <div class="col-md-6 ">
                        <ol class="breadcrumb categary">
                            <li>
                                <a href="#">Collectibles</a>
                            </li>
                            <li>
                                <a href="#">Postcards</a>
                            </li>
                            <li class="active">China</li>
                            <button class="btn btn-default btn-sm categary-btn" type="button">Change categary</button>
                        </ol>
                    </div>
                </div>
             <div class="form-group">
                    <label for="inputEmail3" class="col-md-2 control-label text-left">
                        <span class="text-danger">*</span>Condition</label>
                    <div class="col-md-6">
                        <div class="dropdown">
                            <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true"
                                aria-expanded="true">
                                <input type="hidden" name="cond" value="New">
                               <span>New</span> 
                                <span class="caret"></span>
                            </button>
                            <ul class="dropdown-menu condition-dp">
                                <li>
                                    <a href="#">New</a>
                                </li>
                                <li>
                                    <a href="#">Used</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <label for="inputEmail3" class="col-md-2 control-label text-left">
                        <span class="text-danger">*</span>Photos
                    </label>
                    <div class="col-md-6 ">
                        <div class=" border">
                            <img src="./image/blank.gif"  class="img">
                            <input type="file" name="img0" class="hidden" onchange="thumbnail(this)">
  						</div>
                        <div class=" border">
                            <img src="./image/blank.gif"  class="img">
                            <input type="file" name="img1" class="hidden" onchange="thumbnail(this)">
                        </div>
                        <div class=" border">
                            <img src="./image/blank.gif"  class="img">
                            <input type="file" name="img2" class="hidden" onchange="thumbnail(this)">
                        </div>
                        <div class="border">
                            <img src="./image/blank.gif"  class="img">
                            <input type="file" name="img3" class="hidden" onchange="thumbnail(this)">
                        </div>
                        <div class="checkbox pull-left">
                            <label>
                                <input type="checkbox" name="water" value=1> Add watermark
                                <i class="text-muted">($0.01 per photo)</i>
                                <span class="glyphicon glyphicon-info-sign text-muted" data-toggle="tooltip" data-placement="right" title="Pay after a deal done!"></span>
                            </label>
                        </div>
                    </div>
                </div>
                 <div class="form-group clearfix">
                    <label for="inputEmail3" class="col-md-2 control-label text-left">
                        <span class="text-danger">*</span>Price</label>
                    <div class="input-group col-md-2" id="price-group" style="display: flex">
                        <!-- <div class="input-group-addon dropdown" id="priceBtn"> -->
                            <button class="btn btn-default dropdown-toggle priceBtn" type="button" data-toggle="dropdown" >
                            <input type="hidden" name="curr" value="USD$">
                                <span>USD$</span>
                                <span class="caret"></span>
                            </button>
                            <ul class="dropdown-menu price-dp">
                                <li>
                                    <a href="#">USD$</a>
                                </li>
                                <li>
                                    <a href="#">GBP￡</a>
                                </li>
                                <li>
                                    <a href="#">RMB￥</a>
                                </li>
                                <li>
                                    <a href="#">EUR€</a>
                                </li>
                            </ul>
                        <!-- </div> -->
                        <input type="text" class="form-control  priceText" name="price">
                        <span class="text-danger danger">Invalid!</span>
                    </div>
                </div>
                  <div class="form-group">
                    <label for="inputEmail3" class="col-md-2 control-label text-left">
                        <span class="text-danger">*</span>Payments</label>
                    <div class="col-md-6">
                        <label class="checkbox-inline">
                            <input type="checkbox" name="payment[]" value="pal">
                            <img src="./image/pal.png">
                        </label>
                        <label class="checkbox-inline">
                            <input type="checkbox" name="payment[]" value="vis">
                            <img src="./image/vis.png">
                        </label>
                    </div>
                </div>
                   <div class="form-group">
                    <label for="inputEmail3" class="col-md-2 control-label text-left">
                        <span class="text-danger">*</span>Description</label>
                    <div class="col-md-8">
                        <textarea id="contents" name="description" style="width:100%"></textarea>
                    </div>
                </div>
		  <div class="form-group">
		    <div class="col-sm-offset-2 col-sm-8">
		      <div class="checkbox">
		        <label>
		          <input type="checkbox"> I accept the sales agreement
		        </label>
		      </div>
		    </div>
		  </div>
		  <div class="form-group">
		    <div class="col-sm-offset-4 col-sm-4">
		      <button type="submit" class="btn btn-primary" style="width:100%">Publish</button>
		    </div>
		  </div>
		</form>
	</div>
	<footer class="footer ">
          <div>
            <a href="#"> <span class="text-muted">About eBay</span></a>
            <a href="#"> <span class="text-muted">Announcements</span></a>
            <a href="#"> <span class="text-muted">Security Center</span></a>
            <a href="#"><span class="text-muted">Resolution Center</span></a>
            <a href="#"> <span class="text-muted">Seller Information Center</span></a>
            <a href="#"> <span class="text-muted">Polices</span></a>
            <a href="#"><span class="text-muted">Affiliates</span></a>
            <a href="#"><span class="text-muted">Help & Contact</span></a>
            <p class="copy">Copyright&copy;1995-2018 eBay Inc.All Right Reserved.
              <a class="text-muted" href="#"> <u>Accessibility</u></a>,
              <a class="text-muted" href="#"><u> User agreement</u>   </a>,
              <a class="text-muted" href="#"><u>Privacty</u> </a>,
              <a class="text-muted" href="#"><u>Cookies</u>     </a>
                  and
              <a class="text-muted" href="#"><u>AdChoice</u> </a>
              <span class="glyphicon glyphicon-info-sign" data-toggle="tooltip" data-placement="right" title="Tooltip on right"></span>
            </p>
          </div>
    </footer>
</body>